<script lang="ts" setup>
import { LINK_HOME } from '@/router/constants';
import { useHeaderSetting } from '@/layouts/use/useHeaderSetting';
import SlideLeftBar from './../components/slide-left-bar.vue';

interface Props {
  isInnerPage?: boolean
}
const { getLogoSrc, getLogoText } = useHeaderSetting();
const {
  isInnerPage
} = defineProps<Props>();

const headerProps = computed(() => {
  return {
    logoCfg: {
      logo: getLogoSrc.value,
      title: getLogoText.value,
      jumpPath: LINK_HOME
    }
  };
});
</script>

<template>
  <vc-layout-header v-if="!isInnerPage" v-bind="headerProps"/>
  <div class="outWrapper">
    <div class="mainContent">
      <slide-left-bar v-if="!isInnerPage" :tabindex="2"/>
      <div class="rightWrapper">
        <div class="mainWrapper">
            <pre class="w-860px">
更新日期：2022年10月15日
生效日期：2022年10月15日
 
青绿重视用户的隐私权，我们也深知您向青绿提供各种信息是基于对青绿的完全信任。在使用青绿的各项服务前，请您务必仔细阅读并透彻理解本《隐私权政策》，在确认充分理解并同意后再开始使用青绿服务。如对本政策内容有任何疑问、意见或建议，您可通过青绿公布的联系方式与我们联系。青绿的宗旨是以诚信为本，我们一定会以负责的态度对待您提交给我们的信息，青绿郑重承诺如下：
1、我们郑重承诺不会出售用户的任何信息，并保护您的电子邮件、手机号码、姓名的基本信息和敏感信息。
2、青绿采取了有效的措施保护您的个人隐私资料。除非根据法律或政府的强制性规定，否则在未得到用户的许可之前，我们不会把用户的任何个人资料提供给无关的第三方（包括公司或个人）。
3、通过《隐私权服务条款》，您主要可以了解如下内容：
•我们所收集的信息以及如何使用
•我们如何使用Cookie及同类技术
•我们如何公开信息、共享与转让
•我们如何存储、保护信息
•我们如何保护未成年信息
•我们如何保障您的信息权利
•本《隐私权政策》如何变更
•如何联系我们
 
下面是具体的阐述本软件如何处理用户的隐私问题：
一、我们所收集的信息以及如何使用
为能有效的为您提供基本服务和各项优化服务，我们可能收集两类信息:
为了能向您提供基本服务，我们经过您同意授权后收集的信息，如果未经授权，青绿将无法向您提供基本服务。为了能让您享受青绿为您提供的各项增值优化服务，您可以选择是否同意授权青绿收集您的信息，如果未经您授权同意，青绿将无法为您提供各项优化服务，但是不影响基本服务及功能的实现。
（一） 基本业务功能中我们收集和使用您个人信息的情形
1、用户提交资料：当您注册青绿时，您需要提供手机号码、登录密码，我们收集您的上述信息是为了帮助您完成青绿账户的注册，保护您的账户安全，如您不提供这类信息，我们将无法为您创建账户并正常向您提供服务。我们会利用合法有效方法，确认您的个人资料的正确性与有效性。
2、企业ESG信息查询：当您进行企业ESG信息查询并想要获取查询报告时，我们需要您填写收件地址、邮箱地址或联系电话。如您不同意我们收集收件信息，您可能因无法获得企业ESG信息查询报告而不能正常使用我们的服务，但不影响您仅进行企业ESG信息查询操作。
3、在您使用青绿服务过程中，为识别账号异常状态、了解产品适配性、向您提供更契合您需求的页面展示和搜索结果，我们可能会自动收集您的使用情况并存储为网络日志信息，包括：
（1）设备信息：我们会根据您在访问及/或使用中的具体操作及后台状态下，接收并记录您所使用的设备相关信息（包括设备型号、操作系统版本、设备设置、MAC地址及IMEI、IDFA、AndroidID、OAID设备标识符、IP、运行中的进程、设备环境、移动应用列表软硬件特征信息）、设备所在位置相关信息；
为了保障网络访问和服务的基本安全 我们会收集您的MAC地址作为定位您的网络设备。
为收集上述信息，我们需要调用您设备的手机状态、更改wifi状态权限。我们收集您的上述信息是为了保障网络访问和应用运行安全，由于您无法关闭收集上述数据的权限，如您不提供这类信息，则您将无法使用我们的服务。
（2）服务日志信息：当您使用青绿服务时，我们会自动收集您对我们服务的详细使用情况，作为服务日志保存，包括但不限于浏览、搜索查询、关注企业、监控企业以及IP地址、浏览器类型、电信运营商、使用语言、访问日期和时间。
请注意，单独的设备信息、服务日志信息是无法识别特定自然人身份的信息。如果我们将这类非个人信息与其他信息结合用于识别特定自然人身份，或者将其与个人信息结合使用，则在结合使用期间，这类非个人信息将被视为个人信息，除取得您授权或法律法规另有规定外，我们会将这类信息进行匿名处理。
4、非个人资料辨别：我们除了向您收集个人资料以便为您提供服务以外，还可能通过您的IP地址收集一些非个人隐私的统计资料，使我们能够进一步改善青绿的服务。例如，当您浏览一个网页时，此网址、当时的时间、您所使用的浏览器性质、给您提供接入服务的ISP，都会被自动记录下来。
 
（二）当您使用青绿APP时，您可以选择授权我们收集和使用个人信息的场景：
1、用户的个人详细资料：除了注册必填信息之外，我们还有一部分如下关于您更细致描述的信息，姓名、头像、昵称、电话号码、邮箱、微信号、行业、职务、名片，公司地址等，您可以选择填写与否。但是您一定知道，您的资料越完整，您的提供的信息越丰富，就越有可能获得更多的机会和商务社交关系。
2、当您使用实名认证功能时，我们会收集您主动提供的身份认证材料（包括：名片、行业、职务、公司地址）。上述信息属于敏感信息，拒绝提供该信息仅会使您无法获得实名认证及关联功能，但不影响您正常使用青绿的其他功能。
3、联系人的信息：当您邀请您的朋友加入青绿时，您需要填写对方的姓名，手机号、微信或是邮箱地址。这些信息仅会被用来给您的联系人发出邀请或是其他信息之用。您也可以自行为您的联系人填加一些个人信息，但是青绿保证这些信息仅会被您看到。您为您联系人所填信息也符合此隐私条款。
4、消息推送：如果您使用的是华为、小米、VIVO或OPPO手机，我们会通过华为SDK、小米SDK、VIVO SDK或OPPO SDK（根据您当前使用的手机型号匹配）向您的设备发送产品介绍、商业推广、增值服务促销、功能更新、功能异常、后台任务完成进度。我们需要调用您设备的网络权限、网络状态、Wi-Fi状态、写入外部存储权限，华为SDK、小米SDK、VIVO SDK或OPPO SDK会在您打开青绿APP时收集您的软件安装列表、用户标识符（Android id、OAID）、消息记录信息，，如您不同意接收到上述推送的消息，您可以通过【手机设置】-【青绿】-【通知】-【允许通知】关闭消息推送，我们将无法再向您的设备推送消息，但不影响您正常使用我们的其他服务。 
 
二、我们如何使用Cookie及同类技术
1、 当您使用青绿时，为您获得更轻松的访问体验，我们会在您的终端设备上存储名为 Cookie的小数据文件。Cookie 通常包含标识符、站点名称以及一些号码和字符。借助于Cookie，网站能够存储您的登录记录。我们向您发送Cookie是为了简化您重复登录的步骤。
2、 我们不会将 Cookie 用于本隐私政策所述目的之外的任何用途。您可根据自己的偏好管理或删除Cookies。有关详情，请参见 https://www.aboutcookies.org/。您可以清除计算机上保存的所有Cookie，大部分网络浏览器都设有阻止 Cookies 的功能。但如果您这么做，则需要在每一次访问我们的网站时更改用户设置，而且您之前所记录的相应信息也均会被删除，并且可能会对您所使用服务的安全性有一定影响。如需详细了解如何更改浏览器设置，请访问您使用的浏览器的相关设置页面。 
三、我们如何公开信息、共享与转让
1、用户的信息将会被分类分级别的，按照用户个人的意愿展示给其联络人。青绿不会将您的个人资料提供给任何人。但以下情况除外：
(1)已获得用户的明确授权；
(2)根据有关法律法规的要求或按照法院或相关政府部门的要求；
(3)为维护青绿的合法权益；
(4)为维护青绿的用户和社会公众的合法权益；
(5)青绿认为有必要的其他情况。
2、当您使用青绿APP时，我们的部分服务或功能，需要使用第三方SDK来协助完成，或者由第三方SDK直接提供相关服务。您同意并理解，为了更好地提供服务，我们的产品可能会集成或接入第三方服务，如SDK、API或H5。为使您可以更好地了解第三方服务类型和接入方式，您可以查看 【第三方列表】以进一步了解。 
四、我们如何保护、存储信息
1、我们将采取严格的措施保护您的隐私，我们的重要信息系统已经通过了网络安全等级保护的三级测评。确保您的隐私权不受任何侵犯。只要您提供给我们任何个人信息，我们都会采取有效的手段保护您的信息（法律或政府的强制性规定不在此限）。
2、我们收集信息的前提为向您提供更为优质的服务，并避免收集与向您提供服务无关的信息。我们将收集您的信息储存在我们国内的服务器上，并且在为您提供服务的所必要的期限保留您的信息。
3、青绿不会超期储存您的信息，当您选择退出、终止服务，注销账户或是青绿不再向您提供服务，青绿将对您的信息进行删除处理。
 
 五、我们如何保护未成年信息
1、青绿是为具有完全行为能力的主体提供服务，如果不具备行为能力的主体、儿童、未成年人在没有监护人的明确同意，不得申请账户及各项服务。
2、即使是不具备行为能力的主体、儿童、未成年人已经取得了监护明确同意，为了践行保护未成年和不具备行为能力主体的责任，我们也只在法律法规、监管允许，监护人明确同意以及保护未成年人和无行为能力主体必要情形下，为其提供服务或是使用、公开信息。
3、为了有效保护儿童的合法权益，我们将未年满14周岁的均视为儿童。
4、如果我们发现自己在未事先获得监护人同意的情况下收集了儿童的个人信息，我们将删除相关数据。
 
六、我们如何保障您的信息权利
青绿保障您对信息行使以下权利：
1、查询个人信息。在使用青绿APP时，您可以进入“我的-编辑-个人资料页”进行查询；
2、信息更新
（1）为了使您能和您的联系人保持长久的联系，在您的个人资料有变动的情况下，您可以更新和修改您的个人资料使其有效。您在任何时候都能非常容易地使用您的注册名与密码登录；
（2）当您发现我们处理的关于您的个人信息有误时，您可以登录青绿APP“我的-编辑-个人信息”页面随时更正。
3、信息删除。在以下情形下，您可以自行进入青绿APP“我的-个人信息”删除您的部分信息；
4、账户注销。您可以通过以下方式申请注销您的账号：
（1）登录青绿APP，通过“我的-更多设置-注销账号”提交账号注销申请；
（2）您可以向青绿客服邮箱发送电子邮件，提交您注销账号的需求，我们会协助您申请注销您的账号。
 
七、本《隐私权政策》如何变更
1、青绿会根据法律法规、监管规定以及服务内容以及收集信息的必要性，可能会对隐私权政策进行修改。如果在使用用户个人信息政策方面有大幅度修改时，我们会通过电子邮件或是其他显著方式通知您。
2. 未经您明确同意，我们不会削减您按照本《隐私权政策》所应享有的权利。 我们会在专门页面上发布对本《隐私权政策》所做的任何变更。对于重大变更， 我们还会提供更为显著的通知（如网站公示或向您提供弹窗提示形式），说明具体变更内容。
3、在未经您同意时，青绿根据与您的约定确保您享有各项权利，本隐私保护制度最后一次更新时间为2022年10月15日。
 
八、如何联系我们
您可以通过以下方式与我们联系，我们将在收到您的需求后，在15个工作日内予以回复：
1、如对本政策内容有任何疑问、意见或建议，您可通过青绿客服与我们联系。
2、如发现个人信息可能被泄露，您可以通过青绿客服进行投诉举报；
我们设立了个人信息保护专职部门，青绿客服会将您的需求向其转达；
青绿客服电话：【15055105578】，
青绿客服邮箱：【service@oasis-esg.com】。

            </pre>
        </div>
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.vc-layout-header {
  height: 40px !important;
}

.outWrapper {
  height: 100%;
  overflow-y: auto;

  .mainContent {
    width: 860px !important;
    height: auto;
    display: flex;
    padding: 0px !important;


    .rightWrapper {
      margin-bottom: 10px;
      background-color: rgb(255, 255, 255);
      display: flex;
      flex-direction: column;
      flex: 1 1 auto;
      margin-left: 20px;
      margin-top: 20px;
      position: relative;


      .headBg {
        background: url(@/assets/headBg.png) no-repeat 50%;
        background-size: cover;
        border-bottom: 1px solid #efefef;
        display: flex;
        height: 57px;
        line-height: 57px;
        padding-left: 32px;
        margin-left: -32px;
        margin-right: -32px;

        .icon {
          margin-right: 8px;
          color: #0171f6;
        }
      }

      .mainWrapper {
        span, p {
          font-size: 14px !important;
          line-height: 24px !important;
        }
        pre {
        white-space: pre-wrap;
        word-wrap: break-word;
        font-size: 14px;
        font-weight: 400;
        color: #282828;
        line-height: 24px;
        font-family: 'PingFang SC-Regular', 'PingFang SC';
        }
      }
    }
  }

  @media screen and (min-width: 1280px) and (max-width: 1320px) {
    .mainContent {
      padding-left: 45px;
      padding-right: 45px
    }
  }

  @media screen and (max-width: 1279px) {
    .mainContent {
      padding-left: 24px;
      padding-right: 24px;
      width: 1226px
    }
  }

  @media screen and (min-width: 1321px) and (max-width: 1464px) {
    .mainContent {
      padding-left: 45px;
      padding-right: 45px
    }
  }

  @media screen and (min-width: 1465px) {
    .mainContent {
      width: 1320px
    }
  }
}


</style>
